/*
.m          All Sub Menu                .m      All Sub Menus
.m[level]   Sub Menu at level x         .m0     First level sub menus

.mid[id]    Sub Menu with id x          .mid39  DNN Admin Sub Menu
.break      Break                       .break  All menu breaks
.mi         Menu Item (all)             .mi     All Menu Items
.id         Menu Item with id x         .id41   Menu Item with id 41
.mi[path]   Menu Item in specific path  .mi0    First Menu Item (Home)
                                        .mi1-0  First child of second root menu (Admin-Site Settings)   

.root       Root Menu Item              .root   All root menu items
.first      First Menu Item             .first  First menu item in each menu
.last       Last Menu Item              .last   Last menu item in each menu
                                        .first.last First & Last menu item in each menu

.icn        Icon
.hov        Hover
.sel        Selected
.bc         BreadCrumb
.txt        Menu Text (coming soon!)
*/

/* menu container css */
.mainMenu                       {font-family: Verdana, Arial, Helvetica, sans-serif; cursor: pointer; font-size: 13px; font-weight: bold;}
.mainMenu_bg                    {background: url(images/menu_bg.png) repeat-x top left; margin: 0 19px 0 7px; height: 40px;}
.mainMenu_left                  {background: url(images/menu_left.png) no-repeat top left;}
.mainMenu_right                 {background: url(images/menu_right.png) no-repeat top right;}

/* root menu css */
.mainMenu .root                 {text-align: center; line-height: 40px; padding: 12px 12px 12px 12px; color: White;}

.mainMenu .root.first span      {visibility: hidden}    /*hide first menu item text and show icon instead*/
.mainMenu .root.first span      {border-bottom: solid 22px transparent;}  /* chrome hack */
.mainMenu .root.first           {background: url(images/home.png) no-repeat left top; padding: 12px 0px 12px 0px;}
.mainMenu .root.first.hov       {background: url(images/home_hov.png) no-repeat left top;}
.mainMenu .root .sel            {background: url(images/menu_active.gif) no-repeat top left; color: #ffffff;}

/* general submenu css */
.mainMenu .m                    {width: 160px; font-size: 11px; font-weight: bold; z-index: 1000; line-height: 2em;}
.mainMenu .hov, .mainMenu .bc   {background: url(images/menu_hov.png) repeat-x top left;}
.mainMenu .m .mi                {background-color: #242424;}
.mainMenu .m .icn               {padding-left: 5px; width: 20px;}
.mainMenu .m .mi *              {color: white; margin-right: 5px;}  /* change * to .txt with latest webcontrols */
.mainMenu .m .sel, .mainMenu .m .bc {background: url(images/submenu_hov.png) repeat-x top left;}
.mainMenu .m .hov               {background: url(images/submenu_hov.png) repeat-x top left;}

/* glossy rounded corners */
.mainMenu .m .first             {background: url(images/submenu_top.png) no-repeat top right; height: 30px;}
.mainMenu .m .first .icn        {background: url(images/submenu_top.png) no-repeat top left;}                 /*needed to hide TR/TD image tiling*/
.mainMenu .m .first.hov         {background: url(images/submenu_top_hov.png) no-repeat top right; height: 30px;}
.mainMenu .m .first.hov .icn    {background: url(images/submenu_top_hov.png) no-repeat top left;}   /*needed to hide TR/TD image tiling*/

.mainMenu .m .first.last        {background: url(images/submenu_topbot.png) no-repeat top right; height: 32px;}
.mainMenu .m .first.last .icn   {background: url(images/submenu_topbot.png) no-repeat top left;}    /*needed to hide TR/TD image tiling*/
.mainMenu .m .first.last.hov    {background: url(images/submenu_topbot_hov.png) no-repeat top right; height: 32px;}
.mainMenu .m .first.last.hov .icn {background: url(images/submenu_topbot_hov.png) no-repeat top left;} /*needed to hide TR/TD image tiling*/

.mainMenu .m .last              {background: url(images/submenu_bot.png) no-repeat bottom right; height: 26px;}
.mainMenu .m .last .icn         {background: url(images/submenu_bot.png) no-repeat bottom left;}    /*needed to hide TR/TD image tiling*/
.mainMenu .m .last.hov          {background: url(images/submenu_bot_hov.png) no-repeat bottom right; height: 26px;}
.mainMenu .m .last.hov .icn     {background: url(images/submenu_bot_hov.png) no-repeat bottom left;} /*needed to hide TR/TD image tiling*/

.m .break .icn                  {font-size: 1px; height: 1px; } /*ensure that all menu breaks are only 1px high */

/* General */
body                            {background: #CCCCCC url(images/body_bg.gif) repeat-x left top; height: 100%; margin: 0px; padding: 0px;}
a, a:link, a:visited, a:active  {color: #800000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
a:hover                         {color: #C00; text-decoration: none;}

/*layout*/
.template_style                 {width: 960px; margin: auto;}
.logo                           {margin-top: 10px;}
.bread_bg                       {background-color: #EAEAEA; font-family: Verdana, Arial, Helvetica, sans-serif; border-left: solid 1px #EAEAEA; border-right: solid 1px #EAEAEA; margin: 0 5px 0 5px; height: 40px;}
.content                        {background: white; border-left: solid 1px #EAEAEA; border-right: solid 1px #EAEAEA; padding: 10px; margin: 0 5px 0 5px;}
.bot_bg                         {background-color: #EAEAEA; border-left: solid 1px #EAEAEA;border-right: solid 1px #EAEAEA; border-bottom: solid 1px #EAEAEA; padding: 10px;   margin: 0 5px 0 5px;}
.bot_pad                        {font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; padding: 0 30px 0 20px;}

/* controls */
#login_style                    {float: right; padding: 10px 17px 0px 10px;}
#bread_style                    {float: left; padding: 10px 0px 0px 17px; color: #000000; font-size: 13px;}
#terms_style                    {float: left;}
#copy_style                     {float: right;}

/*panes*/
.ContentPane                    {padding: 0px;margin: 0px;}
.MiddlePane                     {padding: 0px 0px 0px 10px; width: 10em; margin: 0px;}
.LeftPane                       {padding: 0px 10px 0px 0px; width: 10em; margin: 0px;}
.RightPane                      {padding: 0px 0px 0px 10px; width: 10em;margin: 0px;}

/*breadcrumbs*/
.Breadcrumb, a.Breadcrumb:link, a.Breadcrumb:active, a.Breadcrumb:visited {color: #800000; font-size: 13px;}
a.Breadcrumb:hover              {color: #C00;}

/*links*/
.links                          {text-align: center;}
.links, a.links:link, a.links:active, a.links:visited {font-weight: bold; color: #800000; font-size: 11px;}
a.links:hover                   {color: #C00;}

/*user*/
.user, a.user:link, a.user:active, a.user:visited {color: #800000; font-size: 12px;}
a.user:hover {color: #C00;}

/*footer*/
.footer, a.footer:link, a.footer:active, a.footer:visited {color: #800000; font-size: 12px;}
a.footer:hover                  {color: #C00;}
